<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Bug 1055667 - Box properties on ruby boxes</title>
</head>
<body style="line-height: 5;">
  <div>
    |<span style="background: aqua; padding: 10px; border: 12px solid red; outline: 5px solid yellow; margin: 10px;"
      ><span>base1</span>
      <!-- width: 256px = 300px - 2 * (padding: 2px + border: 4px + margin: 16px) -->
      <span style="background: green; padding: 2px; border: 4px solid blue; outline: 8px solid pink; margin: 16px;"><div style="display: inline-block; text-align: center; width: 256px; line-height: normal;">base2</div></span>
      <span>base3</span
    ></span>|
  </div>
</body>
</html>
